Nuxt.js | Vue SSR News

Vue успешно вступает в гонку миноров 3й версии и выпускает свежий 3.5.0, который завтра ваш коллега случайно принесёт в проект, обновив локфайл.

🥲Нам приятно, что в релиз попали улучшения для SSR. Например, добавили много вспомогательных функций для ленивой гидрации, а также data-allow-mismatch для пометки элементов, которым разрешено не совпадать при серверном и клиентском рендере. Кроме того, теперь useId() есть не только в Nuxt, но и в самом Vue. Интересно, будет ли жёсткая борьба между ними? (UPD: нет)

Остальные улучшения такие:

↗️Оптимизация реактивности: Снижено использование памяти на 56% в среднем, а в больших реактивных массивах стало лучше в 10 раз.

💭Reactive Props Destruсture: Всё-таки запихнули ещё немного магии в <script setup>, обязательно прочитайте, как этим пользоваться.

👻Расширение работы с Custom Elements: Добавлены API useHost() и useShadowRoot(). Для староверов прокинули this.$host в Options Api.

👍Новые возможности: useTemplateRef() для динамических референсов и возможность использовать <Teleport> до того, как он отрендерится.

Please open Telegram to view this post

VIEW IN TELEGRAM

blog.vuejs.org

Announcing Vue 3.5 | The Vue Point

The official blog for the Vue.js project

www.tg-me.com/us/Nuxt js | Vue SSR News/com.nuxtjs_news/442

5.7K viewsАндрей, edited  Sep 3, 2024 at 14:02

Vue успешно вступает в гонку миноров 3й версии и выпускает свежий 3.5.0, который завтра ваш коллега случайно принесёт в проект, обновив локфайл.

🥲Нам приятно, что в релиз попали улучшения для SSR. Например, добавили много вспомогательных функций для ленивой гидрации, а также data-allow-mismatch для пометки элементов, которым разрешено не совпадать при серверном и клиентском рендере. Кроме того, теперь useId() есть не только в Nuxt, но и в самом Vue. Интересно, будет ли жёсткая борьба между ними? (UPD: нет)

Остальные улучшения такие:

↗️Оптимизация реактивности: Снижено использование памяти на 56% в среднем, а в больших реактивных массивах стало лучше в 10 раз.

💭Reactive Props Destruсture: Всё-таки запихнули ещё немного магии в <script setup>, обязательно прочитайте, как этим пользоваться.

👻Расширение работы с Custom Elements: Добавлены API useHost() и useShadowRoot(). Для староверов прокинули this.$host в Options Api.

👍Новые возможности: useTemplateRef() для динамических референсов и возможность использовать <Teleport> до того, как он отрендерится.